.header{
	background: url(../../assets/modalheaderbackground.png) no-repeat;
	height: fixpx(187);
	width: fixpx(567);
	background-size: 100% auto;
	margin-left: fixpx(30);
	margin-top:fixpx(-120);
}
.close {
	float: right;
	margin-top: fixpx(11);
	margin-right: fixpx(48);
	>i {
		color: #fff;
		font-size: fixpx(40);
	}
}
.title{
	color: #fff;
	font-size: fixpx(42);
	font-weight: 600;
	padding: fixpx(65) fixpx(180);
}
.wrap{
	animation: open 0.3s 1 linear;
	transform-origin:0% 0%;
}
@keyframes open {
	0% {
		opacity: 0.5;
		transform: scale(0) translate(-50%, -50%);
	}
	100% {
		opacity: 1;
		transform:scale(1) translate(-50%, -50%);
	}
}
.close{
	animation: close 0.3s 1 linear;
	transform-origin:0% 0%;
}
@keyframes close {
	0% {
		opacity: 1;
		transform: scale(1) translate(-50%, -50%);
	}
	100% {
		opacity: 0;
		transform:scale(0) translate(-50%, -50%);
	}
}
.body{
	padding: fixpx(30) 0;
}
.ruleBox{
	counter-reset: li; /* 初始化计数器 */
  list-style: none; /* 移除默认的计数 */
  *list-style: decimal;
	font-size: fixpx(24);

}
.ruleBox li {
		padding: fixpx(5) fixpx(45) fixpx(5) fixpx(85);
}
 .ruleBox li:before {
		content: counter(li);
		counter-increment: li;
		background: #ef3826;
		height: fixpx(30);
		width: fixpx(30);
		line-height: fixpx(30);
		text-align: center;
		margin-right: fixpx(10);
		margin-left: fixpx(-42);
		font-weight: bold;
		border-radius: 50%;
		color:#fff;
		display: inline-block;
    }
.red{
  color:#ef3826;
}

